:root {
  /* 基础色 */
  --color-black: #4a4a4a;

  /* 主色 */
  --primary-color: #C63E3A;

  /* 状态色 */
  --success-color: #6DA86D;
  --warning-color: #E9A23B;
  --danger-color: #E86A5F;
  --error-color: #D9544F;
  --info-color: #5C88C5;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: #f5f5f5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ccc;
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px white;
  background-color: #666;
}

/* 设置滚动条滑块在悬停时的颜色 */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* 悬停时的滑块颜色 */
}

input {
  background-color: #f0f2f5;
  border: none;
}

input:active,
input:focus {
  outline: none; /* 移除聚焦时的轮廓 */
  box-shadow: none; /* 移除可能的阴影效果 */
}

ol,
ul,
menu {
  list-style: outside;
}

.flex {
  display: flex;
  align-items: center;
}

.flex-bc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
